@charset "utf-8";

.prdWrap{background:#000;}
.videoWrap {margin:0 !important;padding:0 !important;}
.videoWrap iframe {width:100% !important;height:100% !important;}

.prdVideo.video01 {background:url(https://image.canon-ci.co.kr/pds/editor/upload/product/compact-camera/PS G7X MARK III/images/img01_03.jpg) no-repeat 0 0;}
.prdVideo.video02 {background:url(https://image.canon-ci.co.kr/pds/editor/upload/product/compact-camera/PS G7X MARK III/images/img01_11.jpg) no-repeat 0 0;}
.prdVideo.video03 {background:url(https://image.canon-ci.co.kr/pds/editor/upload/product/compact-camera/PS G7X MARK III/images/img03_02.jpg) no-repeat 0 0;}
.prdVideo.video04 {background:url(https://image.canon-ci.co.kr/pds/editor/upload/product/compact-camera/PS G7X MARK III/images/img03_05.jpg) no-repeat 0 0;}
.prdVideo.video05 {background:url(https://image.canon-ci.co.kr/pds/editor/upload/product/compact-camera/PS G7X MARK III/images/img03_08.jpg) no-repeat 0 0;}
/* .prdVideo .videoWrap {position:relative;margin-left:9.5% !important;width:81.1%;height:562px;} */

.prdSection .btn_youtube{position:absolute;top:1306px;left:662px;width:175px;height:34px;font-size:0;text-indent:-9999px;background:none;}
.prdSection .btn_live{position:absolute;top:1496px;left:392px;width:245px;height:34px;font-size:0;text-indent:-9999px;background:none;}
.prdSection .btn_gateway{position:absolute;top:1496px;left:110px;width:262px;height:34px;font-size:0;text-indent:-9999px;background:none;}

/*21.09.30*/
.youtubeWrap {margin:0 !important;padding:0 !important;}
.youtubeWrap iframe {width:100% !important;height:100% !important; position:absolute; top:0; left:0;}
/* .prdVideo.video_bg1 {width:100%; height:554px;}
.prdVideo .youtubeWrap {position:absolute;top:0; left:0; margin-left:12.44% !important;width:74.88%;height:552px;} */


/* videoWrap 반응형 수정 */
.prdVideo .videoWrap {
  position: relative;
  margin-left: 9.5% !important;
  width: 81.1%;
  height: 0;
  padding-bottom: 45.62% !important; /* 81.1% × 9/16 */
}
.videoWrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

/* youtubeWrap 반응형 수정 */
.prdVideo.video_bg1 {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 42.25% !important; /* 16:9 */
}
.prdVideo .youtubeWrap {
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 12.44% !important;
  width: 74.88%;
  height: 100%; /* 부모 기준으로 꽉 채움 */
}
.youtubeWrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.prdSection {
  line-height: 0;
}